<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>
    爱家-我的订单
</title>
<link href="/static/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="/static/css/reset.css" rel="stylesheet">
<link href="/static/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
<link href="/static/css/ihome/main.css" rel="stylesheet">
    <link href="/static/css/ihome/orders.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="top-bar">
            <div class="nav-bar">
                <h3 class="page-title">客户订单</h3>
                <a class="nav-btn fl" href="/my.html"><span><i class="fa fa-angle-left fa-2x"></i></span></a>
            </div>
        </div>
        <div class="orders-con">
            <ul class="orders-list">
                <li order-id=>
                    <div class="order-title">
                        <h3>订单编号：123</h3>
                        <div class="fr order-operate">
                            <button type="button" class="btn btn-success order-accept" data-toggle="modal"
                                    data-target="#accept-modal">接单
                            </button>
                            <button type="button" class="btn btn-danger order-reject" data-toggle="modal"
                                    data-target="#reject-modal">拒单
                            </button>
                        </div>
                    </div>
                    <div class="order-content">
                        <img src="">
                        <div class="order-text">
                            <h3>房屋标题</h3>
                            <ul>
                                <li>创建时间：2016-11-11</li>
                                <li>入住日期：2016-11-11</li>
                                <li>离开日期：2016-11-11</li>
                                <li>合计金额：￥1000(共1晚)</li>
                                <li>订单状态：
                                    <span>待接单</span>
                                </li>
                                <li>客户评价： 挺好的</li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="modal fade" id="accept-modal" tabindex="-1" role="dialog" aria-labelledby="accept-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span
                                    aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title">操作提示</h4>
                        </div>
                        <div class="modal-body">
                            <p>您确定接此订单吗？</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary modal-accept">确定接单</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="reject-modal" tabindex="-1" role="dialog" aria-labelledby="reject-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span
                                    aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title">请输入拒接单原因</h4>
                        </div>
                        <div class="modal-body">
                            <textarea class="form-control" rows="3" id="reject-reason"
                                      placeholder="此处必须填写原因"></textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary modal-reject">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <p><span><i class="fa fa-copyright"></i></span>爱家租房&nbsp;&nbsp;享受家的温馨</p>
        </div>
    </div>
<div class="footer">
    <p><span><i class="fa fa-copyright"></i></span>爱家租房&nbsp;&nbsp;享受家的温馨</p>
</div>
</body>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="/static/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="/static/js/template.js"></script>
    <script src="/static/js/ihome/lorders.js"></script>
</html>
